<template>
	<view class="address-add">
		<van-address-edit :area-list="areaList" :address-info="AddressInfo" show-postal show-delete show-set-default show-search-result
			:search-result="searchResult" :area-columns-placeholder="['请选择', '请选择', '请选择']" @save="onSave"
			@delete="onDelete" @change-detail="onChangeDetail" />

	</view>
</template>

<script>
	import {
		ref
	} from 'vue';

	import Req from '@/utils/request.js'
	import {
		areaList
	} from '@vant/area-data';
	export default {
		setup(o) {
			let AddressInfo = {}
			if (o.info) {
				let item = JSON.parse(o.info)
				AddressInfo = item
			}
			const searchResult = ref([]);

			const onChangeDetail = (val) => {
				if (val) {
					searchResult.value = [{
						name: '黄龙万科中心',
						address: '杭州市西湖区',
					}, ];
				} else {
					searchResult.value = [];
				}
			};
			return {
				areaList,
				AddressInfo,
				searchResult,
				onChangeDetail,
			};
		},
	};
</script>

<style>
</style>
